<!doctype html>
<html lang="pt-br">
<head>
	<meta charset="UTF-8" />
	<!-- adicionar meta tags -->
	
	<title>Landing Page</title>
	<link rel="stylesheet" href="<?php echo $this->baseUrl(); ?>css/style.css" media="all"/>
</head>

<body>
	<header>
		<div class="header">
			<p class="logo pull-left fourty-nine white">Bloom Landing Page</p>
			
			<nav>
				<ul>
					<li><a href="#"><img src="<?php echo $this->baseUrl(); ?>images/facebook.png" alt="Facebook" /></a></li>
					<li><a href="#"><img src="<?php echo $this->baseUrl(); ?>images/twitter.png" alt="Twitter" /></a></li>
					<li><a href="#"><img src="<?php echo $this->baseUrl(); ?>images/rss.png" alt="RSS" /></a></li>
				</ul>
			</nav>
		</div>
	</header>




			
		</div>
		
		<div id="border"></div>
		
		<div id="content-top">
			<div class="inside">
			
				<div id="content-left">
					<p class="titulo arial twenty-five white">Welcome to our Landing Page!</p>
						
					<p class="texto arial white twelve">
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras laoreet, lacus aliquet sodales mattis, elit ante varius est, sit amet tincidunt quam purus sit amet mi. Mauris mattis dictum nunc at pharetra.
					<br /><br />
						Nunc pretium mi sit amet tortor molestie quis volutpat erat sodales. Maecenas venenatis lobortis leo vitae lacinia.
					</p>
					
					<br />
					
					<ul>
						<li><a href="#" class="arial center fifteen white">Learn More</a></li>
						
						<li><a href="#" class="arial center fifteen white">Download Now</a></li>
					</ul>
				</div>
				
				<div id="content-right">
					<img src="<?php $this->baseUrl(); ?>images/notebook.png" alt="Notebook"/>
				</div>
			</div>
		</div>



 <?php // echo $this->layout()->content; ?>




		
		<div id="content-middle">
			<div class="inside">
			
				<div id="div-middle">
					<ul><li class="first sixteen strong">Lorem ipsum dolor</li></ul>
					
					<br /><br />
					
					<p class="twelve-half gray">
						<strong>Nunc nec</strong> tellus diam. Quisque posuere sapien vel lectus tincidunt tempus feugiat libero commodo. Phasellus eget erat ut arcu venenatis sodales. Integer sed cursus mi. 
					<br /><br />
						Maecenas purus nisl, congue sit amet imperdiet ut, imperdiet sed ipsum. Nullam eu augue ut diam posuere lobortis. 
					</p>
				</div>
				
				
				<div id="div-middle">
					<ul><li class="second sixteen strong">Lorem ipsum dolor</li></ul>
					
					<br /><br />
					
					<p class="twelve-half gray">
						<strong>Nunc nec</strong> tellus diam. Quisque posuere sapien vel lectus tincidunt tempus feugiat libero commodo. Phasellus eget erat ut arcu venenatis sodales. Integer sed cursus mi. 
					<br /><br />
						Maecenas purus nisl, congue sit amet imperdiet ut, imperdiet sed ipsum. Nullam eu augue ut diam posuere lobortis. 
					</p>
				</div>
				
				
				<div id="div-middle">
					<ul><li class="third sixteen strong">Lorem ipsum dolor</li></ul>
					
					<br /><br />
					
					<p class="twelve-half gray">
						<span class="strong">Nunc nec</span> tellus diam. Quisque posuere sapien vel lectus tincidunt tempus feugiat libero commodo. Phasellus eget erat ut arcu venenatis sodales. Integer sed cursus mi. 
					<br /><br />
						Maecenas purus nisl, congue sit amet imperdiet ut, imperdiet sed ipsum. Nullam eu augue ut diam posuere lobortis. 
					</p>
				</div>
				
				
			</div>
		</div>
		
		<div id="border_middle"></div>
		
		<div id="content-bottom">
			<div class="inside">
			
				<div id="left">
					<p class="arial eighteen dark-gray">Checkout our Products!</p>
					
					<br />
					
					<?php 
						/*
						require_once 'class/Show.php';
						
						$show = new Show();
						$query = 'SELECT * FROM loja.busca_produto;';
						
						$i = 0;
						$max = $show->num($query);
						
						function incrementa() {
							global $i;
							$i++;
						}
						
						function identification ($query, $i) {
							global $show, $max;
							
							if ($i > $max-1) {
								throw new Exception();
							}
							
							$id = 'descricao.php?id=';
							
							$id .= $show->result($query, $i, 'id_produto');
							return $id;
						}
						
						function source ($query, $i) {
							global $show, $max;
							$src = $show->result($query, $i, 'imagem');
							return $src;
						}
						
						function alternative ($query, $i) {
							global $show;
							$alt = $show->result($query, $i, 'nome');
							incrementa();
							return $alt;
						}
						
						try {
							echo '<div class="left top"><a href="' . identification($query, $i) . '"><img src="' . source($query, $i) . '" alt="' . alternative($query, $i) . '" width="213" height="104" /></a></div>';
						}
						catch (Exception $e){
							echo '<div class="left top"></div>';
						}
						
						try {
							echo '<div class="right top"><a href="' . identification($query, $i) . '"><img src="' . source($query, $i) . '" alt="' . alternative($query, $i) . '" width="213" height="104" /></a></div>';
						}
						catch (Exception $e){
							echo '<div class="right top"></div>';
						}
						
						try {
							echo '<div class="left bottom"><a href="' . identification($query, $i) . '"><img src="' . source($query, $i) . '" alt="' . alternative($query, $i) . '" width="213" height="104" /></a></div>';
						}
						catch (Exception $e){
							echo '<div class="left bottom"></div>';
						}
						
						try {
							echo '<div class="right bottom"><a href="' . identification($query, $i) . '"><img src="' . source($query, $i) . '" alt="' . alternative($query, $i) . '" width="213" height="104" /></a></div>';
						}
						catch (Exception $e){
							echo '<div class="right bottom"></div>';
						}
						*/
					?>
					
				</div>
				
				<div id="right">
					<p class="arial center eighteen dark-gray">What our clients are saying...</p>
					
					<br />
					
					<ul>
						<li>
							<p class="arial twelve light-gray">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras laoreet, lacus aliquet sodales mattis, elit ante varius est, sit amet tincidunt quam purus sit amet mi! - 
								<em>John Smith</em>
							</p>
						</li>
						
						<li>
							<p class="arial twelve light-gray">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras laoreet, lacus aliquet sodales mattis, elit ante varius est, sit amet tincidunt quam purus sit amet mi! - 
								<em>John Smith</em>
							</p>
						</li>
						
						<li>
							<p class="arial twelve light-gray">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras laoreet, lacus aliquet sodales mattis, elit ante varius est, sit amet tincidunt quam purus sit amet mi! - 
								<em>John Smith</em>
							</p>
						</li>
					</ul>
					
					
				</div>
				
			</div>
		</div>
		
		<div id="footer">
			<div class="inside">
				<p class="arial footer-text left twelve white">Copyright &copy; 2012 Bloom Web Design - All rights reserved</p>
				
				<ul class="footer right">
					<li><a href="#"><img src="<?php echo $this->baseUrl(); ?>images/facebook.png" alt="Facebook" /></a></li>
					<li><a href="#"><img src="<?php echo $this->baseUrl(); ?>images/twitter.png" alt="Twitter" /></a></li>
					<li><a href="#"><img src="<?php echo $this->baseUrl(); ?>images/rss.png" alt="RSS" /></a></li>
				</ul>
			</div>
		</div>
</body>
</html>